<div ng-controller="BasicDemoCtrl" ng-cloak>
  <md-content>
    <br>
    <md-toolbar class="md-hue-2">
      <div class="md-toolbar-tools">
        <md-button class="md-icon-button" aria-label="Settings" ng-disabled="true">
          <md-icon md-svg-icon="img/icons/menu.svg"></md-icon>
        </md-button>

        <h2 flex md-truncate>Toolbar with Disabled/Enabled Icon Buttons</h2>

        <md-button class="md-icon-button" aria-label="Favorite">
          <md-icon md-svg-icon="img/icons/favorite.svg" class="favorite-icon"></md-icon>
        </md-button>

        <md-button class="md-icon-button" aria-label="More">
          <md-icon md-svg-icon="img/icons/more_vert.svg"></md-icon>
        </md-button>
      </div>
    </md-toolbar>
    <br>

    <md-toolbar>
      <div class="md-toolbar-tools">
        <md-button aria-label="Go Back">
          Back
        </md-button>

        <h2 flex md-truncate>Toolbar with Standard Buttons and a Mini FAB</h2>
        <md-button class="md-raised md-accent md-hue-3" aria-label="Learn More">
          Learn More
        </md-button>
        <md-button class="md-fab md-mini md-hue-3" aria-label="Favorite">
          <md-icon md-svg-icon="img/icons/favorite.svg"></md-icon>
        </md-button>
      </div>
    </md-toolbar>
    <br>

    <md-toolbar class="md-hue-1">
      <div layout="row">
        <md-toolbar-filler>
          <md-icon id="filler-icon" md-svg-icon="img/icons/octicon-repo.svg"></md-icon>
        </md-toolbar-filler>
        <h2 class="md-toolbar-tools">
          <span>Toolbar: with filler and icon (md-hue-1)</span>
        </h2>
      </div>
    </md-toolbar>
    <br>

    <md-toolbar class="md-tall md-accent">
      <h2 class="md-toolbar-tools">
        <span>Toolbar: tall (md-accent)</span>
      </h2>
    </md-toolbar>
    <br>

    <md-toolbar class="md-tall md-warn md-hue-3">
      <span flex></span>
      <h2 class="md-toolbar-tools">
        <span class="md-flex">Toolbar: tall with actions pinned to the bottom (md-warn md-hue-3)</span>
      </h2>
    </md-toolbar>
  </md-content>
</div>
